<template>
  <div>
    <a-config-provider :locale="locale">
      <a-watermark :content="formData.applyCode.componentProp.defaultValue" :font="{color: '#c2c2c2'}">
      <div style="font-size: 14pt; margin-bottom: 10px">编号：{{ formData.applyCode.componentProp.defaultValue }}</div>
      <div style="
          font-size: 18pt;
          text-align: center;
          font-weight: bolder;
          margin-bottom: 40px;
        ">
        中电信翼康科技有限公司员工离职（调出）交接单
      </div>
      <!-- <div style="
          font-size: 12pt;
          text-align: right;
          font-weight: bolder;
          margin-bottom: 10px;
        ">
        人力-LZ-2024-
      </div> -->
      <a-form ref="vForm" :model="formData">
        <!-- <div style="display: flex; line-height: 30px; margin-bottom: 30px">
          <a-form-item :label="formData.applyUserName.label" class="hideLabel" :name="[
            formData.applyUserName.field,
            'componentProp',
            'defaultValue',
          ]" v-if="!formData.applyUserName.componentProp.hidden" :rules="formData.applyUserName.rules">
            <a-input v-model:value="formData.applyUserName.componentProp.defaultValue"
              :disabled="formData.applyUserName.componentProp.disabled"
              :placeholder="formData.applyUserName.componentProp.placeholder" />
          </a-form-item>
          同志已批准于
          <a-form-item :label="formData.endTime.label" class="hideLabel"
            :name="[formData.endTime.field, 'componentProp', 'defaultValue']"
            v-if="!formData.endTime.componentProp.hidden" :rules="formData.endTime.rules">
            <a-date-picker style="width: 100%" v-model:value="formData.endTime.componentProp.defaultValue"
              :disabled="formData.endTime.componentProp.disabled"
              :placeholder="formData.endTime.componentProp.placeholder" type="date" value-format="YYYY-MM-DD"
              format="YYYY年MM月DD日" /> </a-form-item>办理离职，请相关部门协助办理离职有关事宜。
        </div>
        <div style="text-align: right; margin-bottom: 10px">
          人力资源部（盖章）
        </div>
        <div style="text-align: right">
          <a-form-item :label="formData.applyTime.label" class="hideLabel"
            :name="[formData.applyTime.field, 'componentProp', 'defaultValue']"
            v-if="!formData.applyTime.componentProp.hidden" :rules="formData.applyTime.rules">
            <a-date-picker style="width: 20%" v-model:value="formData.applyTime.componentProp.defaultValue"
              :disabled="formData.applyTime.componentProp.disabled"
              :placeholder="formData.applyTime.componentProp.placeholder" type="date" value-format="YYYY-MM-DD"
              format="YYYY年MM月DD日" />
          </a-form-item>
        </div> -->
        <table border="1" cellspacing="0" cellpadding="0" style="width: 100%" class="yk_table">
          <tr>
            <td>申请人</td>
            <td>
              <a-form-item :label="formData.applyUserName.label" class="hideLabel" :name="[
                formData.applyUserName.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.applyUserName.componentProp.hidden" :rules="formData.applyUserName.rules">
                <a-input v-model:value="formData.applyUserName.componentProp.defaultValue
                  " :disabled="formData.applyUserName.componentProp.disabled" :placeholder="formData.applyUserName.componentProp.placeholder
    " />
              </a-form-item>
            </td>
            <td>申请部门</td>
            <td>
              <a-form-item :label="formData.applayUserDept.label" class="hideLabel formTimedisplay" :name="[
                formData.applayUserDept.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.applayUserDept.componentProp.hidden" :rules="formData.applayUserDept.rules">
                <a-input v-model:value="formData.applayUserDept.componentProp.defaultValue"
                  :disabled="formData.applayUserDept.componentProp.disabled"
                  :placeholder="formData.applayUserDept.componentProp.placeholder" />
              </a-form-item>
            </td>
          </tr>
          <tr>
            <td>离职申请流程编码</td>
            <td>
              <a-form-item :label="formData.processCode.label" class="hideLabel" :name="[
                formData.processCode.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.processCode.componentProp.hidden" :rules="formData.processCode.rules">
                <a-input v-model:value="formData.processCode.componentProp.defaultValue
                  " :disabled="formData.processCode.componentProp.disabled" :placeholder="formData.processCode.componentProp.placeholder
    " />
              </a-form-item>
            </td>
            <td>申请日期</td>
            <td>
              <a-form-item :label="formData.applyTime.label" class="hideLabel"
                :name="[formData.applyTime.field, 'componentProp', 'defaultValue']"
                v-if="!formData.applyTime.componentProp.hidden" :rules="formData.applyTime.rules">
                <a-date-picker style="width: 100%" v-model:value="formData.applyTime.componentProp.defaultValue"
                  :disabled="formData.applyTime.componentProp.disabled"
                  :placeholder="formData.applyTime.componentProp.placeholder" type="date" value-format="YYYY-MM-DD"
                  format="YYYY年MM月DD日" />
              </a-form-item>
            </td>
          </tr>
          <tr>
            <td>BASE地</td>
            <td>
              <a-form-item :label="formData.BASEAddress.label" class="hideLabel" :name="[
                formData.BASEAddress.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.BASEAddress.componentProp.hidden" :rules="formData.BASEAddress.rules">
                <a-input v-model:value="formData.BASEAddress.componentProp.defaultValue
                  " :disabled="formData.BASEAddress.componentProp.disabled" :placeholder="formData.BASEAddress.componentProp.placeholder
    " />
              </a-form-item>
            </td>
            <td>合同类型</td>
            <td>
              <a-form-item :label="formData.contractType.label"
                :name="[formData.contractType.field, 'componentProp', 'defaultValue']"
                v-if="!formData.contractType.componentProp.hidden" :rules="formData.contractType.rules">
                <a-select v-model:value="formData.contractType.componentProp.defaultValue"
                  :disabled="formData.contractType.componentProp.disabled"
                  :placeholder="formData.contractType.componentProp.placeholder"
                  :options="formData.contractType.componentProp.option" allowClear>
                </a-select>
              </a-form-item>
            </td>
          </tr>
          <tr>
            <td colspan="1" class="fontStyle">部门</td>
            <td colspan="2" class="fontStyle">离职解绑/收回项目</td>
            <td colspan="1" class="fontStyle">相关部门确认</td>
          </tr>
          <tr>
            <td colspan="1">员工所在部门</td>
            <td colspan="2">
              部门工作交接情况：
              <a-form-item :label="formData.reason.label" class="hideLabel" :name="[
                formData.reason.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.reason.componentProp.hidden" :rules="formData.reason.rules">
                <a-textarea v-model:value="formData.reason.componentProp.defaultValue"
                  :disabled="formData.reason.componentProp.disabled"
                  :placeholder="formData.reason.componentProp.placeholder" />
              </a-form-item>
            </td>
            <td colspan="1">
              <a-form-item :label="formData.deptManagerContent.label" class="hideLabel" :name="[
                formData.deptManagerContent.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.deptManagerContent.componentProp.hidden" :rules="formData.deptManagerContent.rules">
                <a-textarea v-model:value="formData.deptManagerContent.componentProp.defaultValue"
                  :disabled="formData.deptManagerContent.componentProp.disabled"
                  :placeholder="formData.deptManagerContent.componentProp.placeholder" />
              </a-form-item>
              <div style="text-align: right; margin-top: 20px">
                <a-form-item label="签名" style="margin-bottom: 10px" :name="[
                  formData.deptManagerSign.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.deptManagerSign.componentProp.hidden" :rules="formData.deptManagerSign.rules">
                  <a-input  v-model:value="formData.deptManagerSign.componentProp.defaultValue
                    " :disabled="formData.deptManagerSign.componentProp.disabled"
                    :placeholder="formData.deptManagerSign.componentProp.placeholder"/>
                </a-form-item>
                <a-form-item :label="formData.deptManagerDate.label" class="hideLabel" :name="[
                  formData.deptManagerDate.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.deptManagerDate.componentProp.hidden" :rules="formData.deptManagerDate.rules">
                  <a-date-picker style="width:80%" v-model:value="formData.deptManagerDate.componentProp.defaultValue
                    " :disabled="formData.deptManagerDate.componentProp.disabled"
                    :placeholder="formData.deptManagerDate.componentProp.placeholder" type="date" value-format="YYYY-MM-DD"
                    format="YYYY年MM月DD日" />
                </a-form-item>
              </div>
            </td>
          </tr>
          <tr>
            <td colspan="1" rowspan="3">综合管理部</td>
            <td colspan="2">
              <ul>
                <li>1. 办公电脑交接；</li>
                <li>2. 办公区门禁/出入证注销；</li>
              </ul>
            </td>
            <td colspan="1">
              <a-form-item :label="formData.synthesisMaterialContent.label" class="hideLabel" :name="[
                formData.synthesisMaterialContent.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.synthesisMaterialContent.componentProp.hidden" :rules="formData.synthesisMaterialContent.rules">
                <a-textarea v-model:value="formData.synthesisMaterialContent.componentProp.defaultValue"
                  :disabled="formData.synthesisMaterialContent.componentProp.disabled"
                  :placeholder="formData.synthesisMaterialContent.componentProp.placeholder" />
              </a-form-item>
              <div style="text-align: right; margin-top: 20px">
                <a-form-item label="签名" style="margin-bottom: 10px" :name="[
                  formData.synthesisMaterialSign.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.synthesisMaterialSign.componentProp.hidden" :rules="formData.synthesisMaterialSign.rules">
                  <a-input  v-model:value="formData.synthesisMaterialSign.componentProp.defaultValue
                    " :disabled="formData.synthesisMaterialSign.componentProp.disabled"
                    :placeholder="formData.synthesisMaterialSign.componentProp.placeholder"/>
                </a-form-item>
                <a-form-item :label="formData.synthesisMaterialDate.label" class="hideLabel" :name="[
                  formData.synthesisMaterialDate.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.synthesisMaterialDate.componentProp.hidden" :rules="formData.synthesisMaterialDate.rules">
                  <a-date-picker style="width:70%" v-model:value="formData.synthesisMaterialDate.componentProp.defaultValue
                    " :disabled="formData.synthesisMaterialDate.componentProp.disabled"
                    :placeholder="formData.synthesisMaterialDate.componentProp.placeholder" type="date" value-format="YYYY-MM-DD"
                    format="YYYY年MM月DD日" />
                </a-form-item>
              </div>
            </td>
            
          </tr>
          <tr>
            <td colspan="2">
              <ul>
                <li>停止翼支付补贴、携程疗休养、携程商旅</li>
              </ul>
            </td>
            <td colspan="1">
              <a-form-item :label="formData.synthesisSubsidyContent.label" class="hideLabel" :name="[
                formData.synthesisSubsidyContent.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.synthesisSubsidyContent.componentProp.hidden" :rules="formData.synthesisSubsidyContent.rules">
                <a-textarea v-model:value="formData.synthesisSubsidyContent.componentProp.defaultValue"
                  :disabled="formData.synthesisSubsidyContent.componentProp.disabled"
                  :placeholder="formData.synthesisSubsidyContent.componentProp.placeholder" />
              </a-form-item>
              <div style="text-align: right; margin-top: 20px">
                <a-form-item label="签名" style="margin-bottom: 10px" :name="[
                  formData.synthesisSubsidySign.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.synthesisSubsidySign.componentProp.hidden" :rules="formData.synthesisSubsidySign.rules">
                  <a-input  v-model:value="formData.synthesisSubsidySign.componentProp.defaultValue
                    " :disabled="formData.synthesisSubsidySign.componentProp.disabled"
                    :placeholder="formData.synthesisSubsidySign.componentProp.placeholder"/>
                </a-form-item>
                <a-form-item :label="formData.synthesisSubsidyDate.label" class="hideLabel" :name="[
                  formData.synthesisSubsidyDate.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.synthesisSubsidyDate.componentProp.hidden" :rules="formData.synthesisSubsidyDate.rules">
                  <a-date-picker style="width:70%" v-model:value="formData.synthesisSubsidyDate.componentProp.defaultValue
                    " :disabled="formData.synthesisSubsidyDate.componentProp.disabled"
                    :placeholder="formData.synthesisSubsidyDate.componentProp.placeholder" type="date" value-format="YYYY-MM-DD"
                    format="YYYY年MM月DD日" />
                </a-form-item>
              </div>
            </td>
          </tr>
          <tr>
            <td colspan="2">
              <ul>
                <li>1. 注销办公系统(企业邮箱、0A(MSS系统)、企业微信、生产调度系统；</li>
                <li>2. 党组织关系转出；</li>
                <li>3. 其他
                  <a-form-item :label="formData.synthesisAccountOther.label" class="hideLabel" :name="[
                formData.synthesisAccountOther.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.synthesisAccountOther.componentProp.hidden" :rules="formData.synthesisAccountOther.rules">
                <a-textarea v-model:value="formData.synthesisAccountOther.componentProp.defaultValue"
                  :disabled="formData.synthesisAccountOther.componentProp.disabled"
                  :placeholder="formData.synthesisAccountOther.componentProp.placeholder" />
              </a-form-item>
                </li>
              </ul>
            </td>
            <td colspan="1">
              <a-form-item :label="formData.synthesisAccountContent.label" class="hideLabel" :name="[
                formData.synthesisAccountContent.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.synthesisAccountContent.componentProp.hidden" :rules="formData.synthesisAccountContent.rules">
                <a-textarea v-model:value="formData.synthesisAccountContent.componentProp.defaultValue"
                  :disabled="formData.synthesisAccountContent.componentProp.disabled"
                  :placeholder="formData.synthesisAccountContent.componentProp.placeholder" />
              </a-form-item>
              <div style="text-align: right; margin-top: 20px">
                <a-form-item label="签名" style="margin-bottom: 10px" :name="[
                  formData.synthesisAccountSign.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.synthesisAccountSign.componentProp.hidden" :rules="formData.synthesisAccountSign.rules">
                  <a-input  v-model:value="formData.synthesisAccountSign.componentProp.defaultValue
                    " :disabled="formData.synthesisAccountSign.componentProp.disabled"
                    :placeholder="formData.synthesisAccountSign.componentProp.placeholder"/>
                </a-form-item>
                <a-form-item :label="formData.synthesisAccountDate.label" class="hideLabel" :name="[
                  formData.synthesisAccountDate.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.synthesisAccountDate.componentProp.hidden" :rules="formData.synthesisAccountDate.rules">
                  <a-date-picker style="width:70%" v-model:value="formData.synthesisAccountDate.componentProp.defaultValue
                    " :disabled="formData.synthesisAccountDate.componentProp.disabled"
                    :placeholder="formData.synthesisAccountDate.componentProp.placeholder" type="date" value-format="YYYY-MM-DD"
                    format="YYYY年MM月DD日" />
                </a-form-item>
              </div>
            </td>
          </tr>
          <tr>
            <td colspan="1">财务部</td>
            <td colspan="2">
              <ul>
                <li>1. 已无个人借款或未处理预付款</li>
                <li>2. 已无在途财务流程</li>
                <li>3. 其他
                  <a-form-item :label="formData.financeOtherContent.label" class="hideLabel" :name="[
                    formData.financeOtherContent.field,
                    'componentProp',
                    'defaultValue',
                  ]" v-if="!formData.financeOtherContent.componentProp.hidden" :rules="formData.financeOtherContent.rules">
                    <a-textarea v-model:value="formData.financeOtherContent.componentProp.defaultValue"
                      :disabled="formData.financeOtherContent.componentProp.disabled"
                      :placeholder="formData.financeOtherContent.componentProp.placeholder" />
                  </a-form-item>
                    </li>
              </ul>
            </td>
            <td colspan="1">
              <a-form-item :label="formData.financeContent.label" class="hideLabel" :name="[
                formData.financeContent.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.financeContent.componentProp.hidden" :rules="formData.financeContent.rules">
                <a-textarea v-model:value="formData.financeContent.componentProp.defaultValue"
                  :disabled="formData.financeContent.componentProp.disabled"
                  :placeholder="formData.financeContent.componentProp.placeholder" />
              </a-form-item>  
              <div style="text-align: right; margin-top: 20px">
                <a-form-item label="签名" style="margin-bottom: 10px" :name="[
                  formData.financeSign.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.financeSign.componentProp.hidden" :rules="formData.financeSign.rules">
                  <a-input  v-model:value="formData.financeSign.componentProp.defaultValue
                    " :disabled="formData.financeSign.componentProp.disabled"
                    :placeholder="formData.financeSign.componentProp.placeholder"/>
                </a-form-item>
                <a-form-item :label="formData.financeDate.label" class="hideLabel" :name="[
                  formData.financeDate.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.financeDate.componentProp.hidden" :rules="formData.financeDate.rules">
                  <a-date-picker style="width:70%" v-model:value="formData.financeDate.componentProp.defaultValue
                    " :disabled="formData.financeDate.componentProp.disabled"
                    :placeholder="formData.financeDate.componentProp.placeholder" type="date" value-format="YYYY-MM-DD"
                    format="YYYY年MM月DD日" />
                </a-form-item>
              </div>
            </td>
          </tr>
          <tr>
            <td colspan="1">人力资源部</td>
            <td colspan="2">
              <ul>
                <li>1. 工资关系、人事档案转出（调档函）</li>
                <li>2. 工资结算，社保公积金、补充医疗保险、意外保险减员</li>
                <li>3. 劳动合同解除协议（离职证明）</li>
              </ul>
            </td>
            <td colspan="1">
              <a-form-item :label="formData.manpowerManagerContent.label" class="hideLabel" :name="[
                formData.manpowerManagerContent.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.manpowerManagerContent.componentProp.hidden" :rules="formData.manpowerManagerContent.rules">
                <a-textarea v-model:value="formData.manpowerManagerContent.componentProp.defaultValue"
                  :disabled="formData.manpowerManagerContent.componentProp.disabled"
                  :placeholder="formData.manpowerManagerContent.componentProp.placeholder" />
              </a-form-item>
              <div style="text-align: right; margin-top: 20px">
                <a-form-item label="签名" style="margin-bottom: 10px" :name="[
                  formData.manpowerManagerSign.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.manpowerManagerSign.componentProp.hidden" :rules="formData.manpowerManagerSign.rules">
                  <a-input  v-model:value="formData.manpowerManagerSign.componentProp.defaultValue
                    " :disabled="formData.manpowerManagerSign.componentProp.disabled"
                    :placeholder="formData.manpowerManagerSign.componentProp.placeholder"/>
                </a-form-item>
                <a-form-item :label="formData.manpowerManagerDate.label" class="hideLabel" :name="[
                  formData.manpowerManagerDate.field,
                  'componentProp',
                  'defaultValue',
                ]" v-if="!formData.manpowerManagerDate.componentProp.hidden" :rules="formData.manpowerManagerDate.rules">
                  <a-date-picker style="width:70%" v-model:value="formData.manpowerManagerDate.componentProp.defaultValue
                    " :disabled="formData.manpowerManagerDate.componentProp.disabled"
                    :placeholder="formData.manpowerManagerDate.componentProp.placeholder" type="date" value-format="YYYY-MM-DD"
                    format="YYYY年MM月DD日" />
                </a-form-item>
              </div>
            </td>
          </tr>
        </table>
        <div style="margin-top: 10pt; color: red">
          <ul>
            <li>注 1. 请提交离职流程申请单为附件上传；</li>
          </ul>
        </div>
      </a-form>
      </a-watermark>
    </a-config-provider>
  </div>
</template>

<script lang="ts" setup>
import { ref, reactive, watch } from "vue";
import dayjs from "dayjs";
import zhCN from "ant-design-vue/es/locale/zh_CN";
import "dayjs/locale/zh-cn";
dayjs.locale("zh-cn");
const vForm = ref();
const locale = ref(zhCN);
const formData = reactive({
  applyCode: {
    type: "input",
    field: "applyCode",
    label: "编号",
    rules: [{ required: false }],
    componentProp: {
      defaultValue: '${applyCode}',
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  role: {
    type: 'input',
    field: 'role',
    label: '申请人角色（隐藏）',
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "${applyUserRole}",
      disabled: false,
      hidden: false,
      placeholder: ""
    }
  },
  applyUserName: {
    type: "input",
    field: "applyUserName",
    label: "申请人",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "${applyUserName}",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  applyUserId: {
    type: "input",
    field: "applyUserId",
    label: "申请人ID",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "${applyUserId}",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  applayUserDept: {
    type: "input",
    field: "applayUserDept",
    label: "申请人部门",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "${applayUserDept}",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  applayUserDeptId: {
    type: "input",
    field: "applayUserDeptId",
    label: "申请人部门ID",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "${applayUserDeptId}",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  contractType: {
    type: "select",
    field: "contractType",
    label: "合同类型",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请选择",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [
        {label: '文博', value: '0'},
        {label: '翼康', value: '1'}
      ],
    },
  },
  processCode: {
    type: "input",
    field: "processCode",
    label: "离职申请流程编码",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
    },
  },
  BASEAddress: {
    type: "input",
    field: "BASEAddress",
    label: "BASE地",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
    },
  },
  reason: {
    type: "textarea",
    field: "reason",
    label: "交接情况",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
    },
  },
  applyTime: {
    type: "datepicker",
    field: "applyTime",
    label: "申请日期",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  endTime: {
    type: "datepicker",
    field: "endTime",
    label: "离职时间",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  deptManagerContent: {
    type: "textarea",
    field: "deptManagerContent",
    label: "部门负责人意见",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  deptManagerSign: {
    type: "input",
    field: "deptManagerSign",
    label: "部门负责人签名",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  deptManagerDate: {
    type: "datepicker",
    field: "deptManagerDate",
    label: "部门负责人签名时间",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  synthesisMaterialContent: {
    type: "textarea",
    field: "synthesisMaterialContent",
    label: "综合管理部（物资）意见",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  synthesisMaterialSign: {
    type: "input",
    field: "synthesisMaterialSign",
    label: "综合管理部（物资）签名",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  synthesisMaterialDate: {
    type: "datepicker",
    field: "synthesisMaterialDate",
    label: "综合管理部（物资）签名时间",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请选择",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  synthesisSubsidyContent: {
    type: "textarea",
    field: "synthesisSubsidyContent",
    label: "综合管理部（补助）意见",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  synthesisSubsidySign: {
    type: "input",
    field: "synthesisSubsidySign",
    label: "综合管理部（补助）签名",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  synthesisSubsidyDate: {
    type: "datepicker",
    field: "synthesisSubsidyDate",
    label: "综合管理部（补助）签名时间",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请选择",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  synthesisAccountContent: {
    type: "textarea",
    field: "synthesisAccountContent",
    label: "综合管理部（账号）意见",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  synthesisAccountSign: {
    type: "input",
    field: "synthesisAccountSign",
    label: "综合管理部（账号）签名",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  synthesisAccountDate: {
    type: "datepicker",
    field: "synthesisAccountDate",
    label: "综合管理部（账号）签名时间",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请选择",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  synthesisAccountOther: {
    type: "textarea",
    field: "synthesisAccountOther",
    label: "综合管理部（账号）其他",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  financeOtherContent: {
    type: "textarea",
    field: "financeOtherContent",
    label: "财务部交接其他项目",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  financeContent: {
    type: "textarea",
    field: "financeContent",
    label: "财务部意见",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  financeSign: {
    type: "input",
    field: "financeSign",
    label: "财务部签名",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  financeDate: {
    type: "datepicker",
    field: "financeDate",
    label: "财务部签名时间",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请选择",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  manpowerManagerContent: {
    type: "input",
    field: "manpowerManagerContent",
    label: "人力资源部意见",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "请输入",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  manpowerManagerSign: {
    type: "input",
    field: "manpowerManagerSign",
    label: "人力资源部签字",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "请输入",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  manpowerManagerDate: {
    type: "datepicker",
    field: "manpowerManagerDate",
    label: "人力资源部签字日期",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请选择",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
});
const submitForm = () => {
  return vForm.value.validate();
};
defineExpose({
  formData,
  submitForm,
});
</script>

<style scoped>
.yk_table .ant-form-item {
  margin-bottom: 0;
}

.yk_table .ant-input-number {
  width: 100%;
}

.yk_table td {
  padding: 10px;
}

::v-deep .hideLabel .ant-form-item-label {
  display: none !important;
}

::v-deep .formTimedisplay {
  display: inline-block !important;
  width: 100%;
}

::v-deep .formTimeSpan {
  vertical-align: text-top;
  display: inline-block;
  margin: 0 10px;
}

ul li {
  list-style-type: none;
}

.fontStyle {
  text-align: center;
  color: black;
  font-weight: bolder;
}
::v-deep .ant-input-affix-wrapper-disabled,
.ant-input-affix-wrapper[disabled],
.ant-input-disabled,
.ant-input[disabled],
.ant-picker.ant-picker-disabled,
.ant-select-disabled .ant-select:not(.ant-select-customize-input) .ant-select-selector{
  background: #fff !important;
  color: #666 !important;
}
::v-deep input[disabled],.ant-input-number-disabled {
  color: #666 !important;
  background-color: #fff !important;
}
</style>
